<template>
	<view class="content">
		

		<view class="l-body">
			

			<!-- l-madin -->
			<view class="l-main">

				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img1" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							张宇高等数学18讲
						</view>
						<view class="l-dd-content">
							本书按大纲常考知识点分为18讲内容，且*书内容均为张宇老师亲自独立编写完成，故书名称为《张宇高等数学18讲》．每一讲又分四个模块：考纲要求、内容精讲、例题精解和习题精练。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img2" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							张宇线性代数9讲
						</view>
						<view class="l-dd-content">
							本书共分9讲，每讲都从内容精讲、例题精解、习题精练三部分着手进行讲解。在知识点讲解的同时指出考什么、怎么考；并随后附上例题，把抽象的内容和实例结合，利于考生快速理解、深刻掌握；最后再附上精选习题，强化练习、巩固提高。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img3" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							张宇概率论与数理统计9讲
						</view>
						<view class="l-dd-content">
							本书按大纲常考知识点分为9讲，且全书内容均为张宇老师亲自独立编写完成，故书名称为《张宇概率论与数理统计9讲》，每一讲又分三个模块：内容精讲、例题精解和习题精练。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img4" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							2023考研数学接力题典1800
						</view>
						<view class="l-dd-content">
							本书分基础篇和提高篇，包括高等数学、线性代数、概率统计。基础篇是针对基础复习阶段而设计的，注重对基本概念的理解，基本原理和基本方法的掌握，为复习打下坚实的基础；强化综合篇适用于复习的强化阶段，注重基本概念的深化、原理的拓展、同时训练计算能力、综合分析能力、证明问题的能力、利用数学知识解决实际问题的能力。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img5" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							数学复习全书
						</view>
						<view class="l-dd-content">
							考研数学接力题典1800堪称考研数学真题题库，从备考之初的基本题目到强化后阶段的全面综合题目均有收录，每一个知识点的不同类型的题目一个不漏，考生拥有一本题集即可解决复习全程中所有考点解题能力与技巧的训练。值得一提的是，自从此书问世，近两年的真题题目均可从此书中找到来源，完全相同的题目也不在少数！
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img6" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							考研英语词汇乱序版
						</view>
						<view class="l-dd-content">
							核心单词分为50个学习单元，主词条配有音标、释义、例句、【考】、【派】、【同】、【反】、【参】等条目，收录了与词条有关的常用搭配、派生词、同义词、反义词、可参考词汇等。为了减轻考生的背诵量，提高单词学习的效率，本书精心筛选了单词在历年真题中被考查的释义，对常考释义进行了下画线标注，同时根据考频为核心单词标注了频度，方便考生了解单词在历年真题中的活跃程度，合理安排记忆顺序。同时，本书根据历年真题的考查特点，补充了易混淆词对、十年真题阅读词汇、常用缩写词以及国家（或地区）、语言、国民、国籍及洲名表，帮助考生最大限度地扫除答题过程中的词汇障碍。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img7" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							考研英语词汇便捷版
						</view>
						<view class="l-dd-content">
							本书按照考研英语最新大纲要求，运用英语测试学及统计学原理，在深入研究历年真题及考研英语命题规律的基础上，对考研英语大纲词汇进行了深入地分析和研究。本书将考研词汇按其重要程度区分为：必考词、基础词、超纲词等，并且重点突出必考词，深入剖析必考词，反复练习必考词。使考生能够分清主次，并抓住考研词汇的重中之重，省时、省力、成效显著。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img8" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							英语考研真相
						</view>
						<view class="l-dd-content">
							本书“逐词逐句逐题超细解”了考研英语（一）真题，并配备了“逐词逐句逐题超精讲”同步视频，它是基础薄弱者快速突破考研英语（一）的不错选择。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img9" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							肖秀荣考研政治考点预测
						</view>
						<view class="l-dd-content">
							本书包括大纲规定的五部分内容，以学科为序，把每门课的重要知识点分为两部分，即选择题核心考点与分析题核心考点，并配有易混淆知识点附录。对于分析题部分考生应尽量做到背诵，选择题部分则可以根据自己的复习进度熟读或者背诵。全书详略得当，重点突出，紧密结合今年的时政热点，堪称考研政治考前必备冲刺宝典，短期内提分效果非常明显，适合所有考研学生复习使用。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img10" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							2022考研政治考点清单
						</view>
						<view class="l-dd-content">
							《2022考研政治考点清单》为考研政治基础复习阶段用书。作者结合多年阅卷和教学经验，以考点清单的方式全面呈现考研政治考点，列出近10年考频，考点重要程度一目了然。图书内容在保证知识准确性的基础上，对重要内容进行了提炼、对不考的内容进行了删减。为满足考生高效复习的要求，作者建议了复习时间，设置重点总结、考点梳理、考点点拨等板块，一方面降低考生自学的难度，另一方面让考生有的放矢，引导考生科学分配复习时间。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll">
					<view>
						<image class="l-dt" :src="img11" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							2021考研政治核心考案
						</view>
						<view class="l-dd-content">
							本书以高教社版《大纲解析》为基础进行了全新改版，在对知识点进行重新整合的基础上，对重点考点进行了标示，并以真题为原型对考点进行模拟、展示，使考生在了解考点的前提下更能够灵活运用其应对考试题目。因此，本书不仅考生进行DIYI轮复习必不可少的教材，更是一本具有高附加值的全阶段复习工具书。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				<view style="text-align: center;font-size: 30rpx;color: #F1F1F1;margin-top: 15rpx;">
					已加载全部
				</view> 
				
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
				img1: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/3dc07428-c37d-49c5-a50f-814ab350b29d.jpg`,
				img2: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/0289c58a-1a33-4eef-8b47-9c106e697f2b.jpg`,
				img3: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/238531f5-50f0-40f8-8318-b368c0183434.jpg`,
				img4: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/c4b51365-85ab-4b89-aee9-1ec673618692.jpg`,
				img5: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/b6bc0edd-dfd2-49ac-8259-58f284347914.jpg`,
				img6: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/e1481df8-2a5e-4781-97c2-17747c9fc84f.jpg`,
				img7: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/66d0c37e-939e-4477-8666-d08be6e5b7e3.jpg`,
				img8: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/86659447-65e5-493e-b2fe-fc23c3a83fea.jpg`,
				img9: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/5224b4e7-8f32-4f3c-874d-541f3fac8cbc.jpg`,
				img10: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/32ae4c92-a203-4203-a9a8-c1e1ab19160f.jpg`,
				img11: `https://vkceyugu.cdn.bspapp.com/VKCEYUGU-17b6d056-64c7-481a-ac7d-bd4854263a2e/b78768ae-352d-42c2-9497-8e95aa4e9570.jpg`,
				
			}
		},
		methods:{
			successall(e){
				console.log(e.tempFilePaths[0]);
				this.Url = e.tempFilePaths[0];
			}
		}
	}
</script>

<style>
	/* l-head */
	page,
	uni-page{
		background-color: var(--c-bg-3);
		color: var(--c-txt-1);
		font-size: var(--f-size-2);
		
		/* font-size */
		--f-size-1:24rpx;
		--f-size-2:28rpx;
		--f-size-3:32rpx;
		--f-size-4:36rpx;
		--f-size-5:40rpx;
		--f-size-6:44rpx;
		
		/* color | background */
		--c-txt-1:#FFFFFF;
		--c-txt-2:#95A1A6;
		--c-txt-3:#cdced0;
		
		--c-bg-1:#000000;
		--c-bg-2:#7E7F94;
		--c-bg-3:#0b0c21;
		
		/*--c-bg-2:#7E7F94;
		
		/* padding-left | right */
		--pad-lr:32rpx;
		
		/* navbar-height */
		--h-head:96rpx;
		
		/* input placeholder text color */
		--c-input-holder:#696a7f;
		
		
	}
	page{background-color: #ffffff;}
	.l-head {
		margin-top: 15rpx;
	}

	.l-nav-bookrack {
		font-size: 30rpx;
	}


	/* l-main */

	.l-main {
		padding-bottom: 32rpx;
	}

	.l-h3 {
		display: flex;
		flex-direction: row; 
		justify-content: center;
	}

	.l-h3-title {
		font: bold var(--f-size-5) normal;
		color: #000000;
	}

	.l-h3-more {
		display: flex;
		align-items: center;
		color: var(--c-bg-2);
	}

	.l-dl {
		margin-top: 32rpx;
		display: flex;
		width: 100%;
		height: 224rpx;
	}

	.l-dt {
		width: 160rpx;
		height: 100%;
		border-radius: 10rpx;
		margin-right: 24rpx;
	}

	.l-dd {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.l-dd-title {
		color: #000000;
		font: var(--f-size-3) normal;
	}

	.l-dd-content,
	.l-dd-footer {
		color: var(--c-txt-2);
		font: var(--f-size-2)/var(--f-size-4) normal;
	}

	.l-dd-content {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.l-dd-footer {
		display: flex;
		align-items: center;
	}

	.l-dd-view-footer {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	.l-dd-img {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		margin-right: 6rpx;
	}
</style>
